$(function() {
    getList();
    // 全选按钮
    $(".allChecked").on("change", function(e) {
        e.preventDefault();
        var a = $(this).prop("checked");
        if (a) {
            $("#OA_task_2 .checkone").prop("checked", true);
        } else {
            $("#OA_task_2 .checkone").prop("checked", false);
        }
    });

    // 单选按钮
    $("#OA_task_2").on("change", "li .checkone", function(e) {
        e.preventDefault();
        var length = $("#OA_task_2 .checkone").length;
        var lengthCheck = $("#OA_task_2 .checkone:checked").length;
        if (length === lengthCheck) {
            $(".allChecked").prop("checked", true);
        } else {
            $(".allChecked").prop("checked", false);
        }
    });
    // 按钮--功能
    $("#OA_task_2").on("tap", "li .reduce", function() {
        var txt = $(this).siblings(".num").val().trim() * 1;
        var id = $(this).parents("a").attr("num");
        var index = $("#select").get(0).selectedIndex;
        var size = $("#select").find("option")[index];
        var dom = $(size).text();
        txt--;
        if (txt <= 0) {
            mui.toast("不能再减了~");
            txt = 1;
            $(this).siblings(".num").val(1);
        } else {
            $(this).siblings(".num").val(txt);
        }
        var price = $(this).parents(".gds").find(".gdsPri").text().substr(1) * 1;
        var singlePrice = (price * txt).toFixed(1);
        $(this).parents("li").find(".subtotal span").text(singlePrice);
        $.ajax({
            url: "/cart/updateCart",
            type: "post",
            data: {
                id: id,
                size: dom,
                num: txt,
            },
            success: function(res) {
                getList();
            },
        });
    });
    // 按钮++功能
    $("#OA_task_2").on("tap", "li .add", function() {
        var txt = $(this).siblings(".num").val();
        var id = $(this).parents("a").attr("num");
        var index = $("#select").get(0).selectedIndex;
        var size = $("#select").find("option")[index];
        var dom = $(size).text();
        txt++;
        $(this).siblings(".num").val(txt);
        var price = $(this).parents(".gds").find(".gdsPri").text().substr(1) * 1;
        var singlePrice = (price * txt).toFixed(1);
        $(this).parents("li").find(".subtotal span").text(singlePrice);
        $.ajax({
            url: "/cart/updateCart",
            type: "post",
            data: {
                id: id,
                size: dom,
                num: txt,
            },
            success: function(res) {
                getList();
            },
        });
    });
    // 输入框输入商品数量功能
    $("#OA_task_2").on("blur", "li .num", function() {
        var txt = $(this).val().trim() * 1;
        var num = $(this).parents("li").attr("productNum") * 1;
        var id = $(this).parents("a").attr("num");
        var index = $("#select").get(0).selectedIndex;
        var size = $("#select").find("option")[index];
        var dom = $(size).text();
        if (txt.length <= 0 || txt == "" || txt <= 0) {
            mui.toast("最小只能为一哦~");
            txt = 1;
            $(this).val(txt);
            $.ajax({
                url: "/cart/updateCart",
                type: "post",
                data: {
                    id: id,
                    size: dom,
                    num: txt,
                },
                success: function(res) {
                    getList();
                },
            });
        } else if (txt >= num) {
            mui.toast("不够货啦~");
            txt = num;
            $(this).val(txt);
            $.ajax({
                url: "/cart/updateCart",
                type: "post",
                data: {
                    id: id,
                    size: dom,
                    num: txt,
                },
                success: function(res) {
                    getList();
                },
            });
        } else {
            $.ajax({
                url: "/cart/updateCart",
                type: "post",
                data: {
                    id: id,
                    size: dom,
                    num: txt,
                },
                success: function(res) {
                    getList();
                },
            });
        }
    });

    // 尺寸修改

    //点击尺码的时候渲染相应的尺码选项

    $("#OA_task_2").on("tap", "li select", function() {
        var sizeNum = $(this).parents("li").attr("sizeNum").split("-");
        var obj = {
            arr: [],
        };
        for (var i = sizeNum[0]; i <= sizeNum[1]; i++) {
            obj.arr.push(i * 1);
        }
        var myHtml = template("selTmp", obj);
        $(this).html(myHtml);
    });

    $("#OA_task_2").on("change", "li select", function() {
        var txt = $(this).parent().siblings(".gdsNum").find(".num").val();
        var id = $(this).parents("a").attr("num");
        var index = $("#select").get(0).selectedIndex;
        var size = $("#select").find("option")[index];
        var dom = $(size).text();
        $.ajax({
            url: "/cart/updateCart",
            type: "post",
            data: {
                id: id,
                size: dom,
                num: txt,
            },
            success: function(res) {
                getList();
            },
        });
    });
    // 删除商品功能
    $("#OA_task_2").on("tap", "li .delete", function() {
        var id = $(this).parents("li").find(".gds").attr("num");
        var arr = [];
        arr.push(id);
        $.ajax({
            url: "/cart/deleteCart",
            data: {
                id: arr,
            },
            success: function(res) {
                if (res.success == true) {
                    getList();
                }
            },
        });
        return false;
    });

    function getList() {
        $.ajax({
            url: "/cart/queryCart",
            data: {
                page: 1,
                pageSize: 999,
            },
            success: function(res) {
                var html = template("detailTmp", res);
                $(".cart ul").html(html);
                $(".mui-badge").html(res.length);
            },
        });
    }
});